<!doctype html>

<html>

<head>

	<meta charset="UTF-8">

	<link rel="stylesheet" href="{{ asset('/css/reset.css') }}" />

	<link rel="stylesheet" href="{{ asset('/css/timeline.css') }}">

	<script src="{{ asset('/js/timeline.js') }}"></script>

	<title>timeline</title>

</head>

<body>

	<div class="container">

		<ul id="timeline" class="timeline">

			<li class="active">

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top1.jpg') }}" alt="">

					<span>10:00</span>

				</div>

				<div class="content">

					<b></b>

					<h3>Jquery是继prototype之后又一个优秀的Javascript库</h3>

					<p>它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top4.jpg') }}" />

					<span>7:30</span>

				</div>

				<div class="content">

					<b></b>

					<h3>jQuery使用户能更方便地处理HTML</h3>

					<p>（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top5.jpg') }}" />

					<span>7:00</span>

				</div>

				<div class="content">

					<b></b>

					<h3>jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细</h3>

					<p>同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top6.jpg') }}" />

					<span>21:30</span>

				</div>

				<div class="content">

					<b></b>

					<h3>马航失联飞机已创商业客机失踪时间最长纪录</h3>

					<p>马航客机MH370失联进入第11天，创下商业客机失踪时间最长纪录，由此也引发了史上规模最大的跨国海空搜救工作，参与搜救的力量达到26个国家和地区。</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top7.jpg') }}" />

					<span>20:00</span>

				</div>

				<div class="content">

					<b></b>

					<h3>jQuery是一个兼容多浏览器的javascript库</h3>

					<p>核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top8.jpg') }}" />

					<span>18:40</span>

				</div>

				<div class="content">

					<b></b>

					<h3>吸引了来自世界各地的众多JavaScript高手加入</h3>

					<p>由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top9.jpg') }}" />

					<span>18:20</span>

				</div>

				<div class="content">

					<b></b>

					<h3>有超过55%在使用jQuery</h3>

					<p>jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top10.jpg') }}" />

					<span>17:20</span>

				</div>

				<div class="content">

					<b></b>

					<h3>例如操作文档对象、选择DOM元素、制作动画效果、事件处理</h3>

					<p>使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。</p>

				</div>

			</li>

			<li>

				<div class="check">

					<b class="spring"></b>

					<s></s>

					<b class="line"></b>

				</div>

				<div class="thumb">

					<img src="{{ asset('/images/pic/top11.jpg') }}" />

					<span>17:00</span>

				</div>

				<div class="content">

					<b></b>

					<h3>jQuery 1.0（2006年8月）：该库的第一个稳定版本</h3>

					<p>已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。

jQuery 1.1（2007年1月）：这一版大幅简化了API。许多较少使用的方法被合并，减少了需要掌握和解释的方法数量。</p>

				</div>

			</li>

		</ul>

	</div>

</body>

</html>